<template>
  <div class="home">
    <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
    <div class="a">
      <div @click="my()">我的</div>
    </div>
    <div class="b" >
      123456
    </div>
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  },
  data(){
    return {
      a:'神',
      da:{
         id:'神long'
      }
    }
  },
  methods: {
    my() {
      let _this=this
      let sss=_this.da
     // console.log(a)
      this.$router.push({
        name:'My',
        // query: {
        //   id: _this.a
        // }
          query:_this.da
        //query:sss
      })
    }
  }
}
</script>
<style scoped>
   .a{
     /* width: 3.5rem;
     height: 2rem; */
     width: 750px;
     background-color: blue;
   }
   .b{
     margin: 0 auto;
     width: 375px;
     height: 200px;
     background-color: blue;
   }
</style>
